@charset "utf-8";
/*-----------------------------------base part-----------------------------------*/
/*定位*/
.hidden{visibility:hidden}
.auto-hide{display: none;}
.none{display:none}
.block{display:block;}
.inline-block{display: inline-block;}
.inline{display: inline;}
.tl{text-align:left}
.tc{text-align:center}
.tr{text-align:right}
.cb{clear:both}
.cl{clear:left}
.cr{clear:right}
.bc{margin-left:auto;margin-right:auto;}
.fl{float:left;}
.fr{float:right;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
.vm{vertical-align:middle}
.pr{position:relative}
.pa{position:absolute}
.pf{position:fixed}
.abs-right{position:absolute;right:0}
.zoom{zoom:1}

/*文字排版*/
.fb{font-weight:bold}
.fn{font-weight:normal}
.fi{font-style: italic;}
.unl{text-decoration:underline}
.no-unl{text-decoration:none}
.no-hover-unl:hover{text-decoration:none}

.f10{font-size: 10px}
.f12{font-size: 12px}
.f13{font-size: 13px}
.f14{font-size: 14px}
.f15{font-size: 15px}
.f16{font-size: 16px}
.f18{font-size: 18px}
.f20{font-size: 20px}
.f22{font-size: 22px}
.f24{font-size: 24px}
.f25{font-size: 25px}
.f28{font-size: 28px}
.f30{font-size: 30px;}
.f35{font-size: 35px;}
.f37{font-size: 37px;}
.f40{font-size: 40px;}
.f65{font-size: 65px;}
.f85{font-size: 85px;}

.ff-yahei{font-family: "Microsoft YaHei"}

.ws-nowrap{white-space: nowrap}
.break-word{word-wrap: break-word;}

.text-indent-30{text-indent: 30px;}

.lh150{line-height:150%}
.lh180{line-height:180%}
.lh200{line-height:200%}


/*长度高度*/
.h{height:100%}
.h15{height: 15px;}
.h25{height: 25px;}
.h30{height: 30px;}
.h35{height: 35px;}
.h40{height: 40px;}
.h70{height: 70px;}
.h90{height: 90px;}
.h100{height: 100px;}
.min-h22{min-height: 22px;}
.min-h40{min-height: 40px;}
.min-h50{min-height: 50px;}
.min-h55{min-height: 55px;}
.min-h70{min-height: 70px;}
.min-h80{min-height: 80px;}
.min-h120{min-height: 120px;}
.min-h400{min-height: 400px;}
.min-h600{min-height: 600px;}
.min-h700{min-height: 700px;}
.max-h100{max-height: 100px;}
.min-h900{min-height: 900px;}
.min-h1500{min-height: 1500px;}

.w{width:100%}
.w15{width: 15px;}
.w20{width: 20px;}
.w25{width: 25px;}
.w35{width: 35px;}
.w40{width: 40px;}
.w60{width: 60px;}
.w140{width: 140px;}
.w150{width: 150px;}
.w200{width: 200px;}
.w300{width: 300px;}
@media(max-width: 768px){
    .w300{
        width: auto;
    }
}
.w400{width: 400px;}
@media(max-width: 768px){
    .w400{
        width: auto;
    }
}
.min-w140{min-width: 140px;}
.min-w100{min-width: 100px;}
.min-w400{min-width: 400px;}
@media(max-width: 768px){
    .min-w400{
        width: auto;
        min-width: 0;
    }
}

/*边距*/
.m0{margin:0}
.p0{padding:0}

/*间隔*/
.clear  {height:0px;clear:both;font-size:0;overflow:hidden;}
.blank0 {height:0;clear:both;font-size:0px;overflow:hidden;}
.blank1 {height:1px;clear:both;font-size:0px;overflow:hidden;}
.blank2 {height:2px;clear:both;font-size:0px;overflow:hidden;}
.blank4 {height:4px;clear:both;font-size:0px;overflow:hidden;}
.blank5 {height:5px;clear:both;font-size:0px;overflow:hidden;}
.blank10 {height:10px;clear:both;font-size:0px;overflow:hidden;}
.blank15 {height:15px;clear:both;font-size:0px;overflow:hidden;}
.blank20 {height:20px;clear:both;font-size:0px;overflow:hidden;}
.blank30 {height:30px;clear:both;font-size:0px;overflow:hidden;}
.blank40 {height:40px;clear:both;font-size:0px;overflow:hidden;}


.ml-0{margin-left: 0px;}
.ml--3{margin-left: -3px;}
.ml-5{margin-left: 5px;}
.ml--5{margin-left: -5px;}
.ml-10{margin-left: 10px;}
.ml--10{margin-left: -10px;}
.ml-15{margin-left: 15px;}
.ml-20{margin-left: 20px;}
.ml-170{margin-left: 170px;}
.mr-0{margin-right: 0px;}
.mr-5{margin-right: 5px;}
.mr-10{margin-right: 10px;}
.mr-15{margin-right: 15px;}
.mr-50{margin-right: 50px;}
.mt-0{margin-top: 0px;}
.mt-3{margin-top: 3px;}
.mt--2{margin-top: -2px;}
.mt--4{margin-top: -4px;}
.mt-5{margin-top: 5px;}
.mt-10{margin-top: 10px;}
.mt-12{margin-top: 12px;}
.mt-15{margin-top: 15px;}
.mt-25{margin-top: 25px;}
.mt-30{margin-top: 30px;}
.mt-35{margin-top: 35px;}
.mb-0{margin-bottom: 0px;}
.mb-5{margin-bottom: 5px;}
.mb-10{margin-bottom: 10px;}
.mb-15{margin-bottom: 15px;}
.mb-25{margin-bottom: 25px;}

.pl-0{padding-left: 0px;}
.pl-2{padding-left: 2px;}
.pl-3{padding-left: 3px;}
.pl-5{padding-left: 5px;}
.pl-10{padding-left: 10px;}
.pl-12{padding-left: 12px;}
.pl-15{padding-left: 15px;}
.pl-20{padding-left: 20px;}
.pl-25{padding-left: 25px;}
.pl-30{padding-left: 30px;}
.pl-35{padding-left: 35px;}
.pl-40{padding-left: 40px;}
.pl-45{padding-left: 45px;}
.pl-50{padding-left: 50px;}
.pl-55{padding-left: 55px;}
.pl-60{padding-left: 60px;}
.pl-65{padding-left: 65px;}
.pl-70{padding-left: 70px;}
.pl-75{padding-left: 75px;}
.pl-80{padding-left: 80px;}
.pl-85{padding-left: 85px;}
.pl-100{padding-left: 100px;}
.pl-160{padding-left: 160px;}
.pl-170{padding-left: 170px;}
.pr-0{padding-right: 0px;}
.pr-2{padding-right: 2px;}
.pr-3{padding-right: 3px;}
.pr-5{padding-right: 5px;}
.pr-8{padding-right: 8px;}
.pr-10{padding-right: 10px;}
.pr-15{padding-right: 15px;}
.pr-20{padding-right: 20px;}
.pr-25{padding-right: 25px;}
.pr-30{padding-right: 30px;}
.pr-35{padding-right: 35px;}
.pr-45{padding-right: 45px;}
.pr-50{padding-right: 50px;}
.pr-100{padding-right: 100px;}
.pt-0{padding-top: 0px;}
.pt-2{padding-top: 2px;}
.pt-3{padding-top: 3px;}
.pt-5{padding-top: 5px;}
.pt-7{padding-top: 7px;}
.pt-8{padding-top: 8px;}
.pt-10{padding-top: 10px;}
.pt-15{padding-top: 15px;}
.pt-20{padding-top: 20px;}
.pt-24{padding-top: 24px;}
.pt-25{padding-top: 25px;}
.pt-30{padding-top: 30px;}
.pt-80{padding-top: 80px;}
.pt-200{padding-top: 200px;}
.pb-0{padding-bottom: 0px;}
.pb-2{padding-bottom: 2px;}
.pb-3{padding-bottom: 3px;}
.pb-5{padding-bottom: 5px;}
.pb-6{padding-bottom: 6px;}
.pb-10{padding-bottom: 10px;}
.pb-15{padding-bottom: 15px;}
.pb-20{padding-bottom: 20px;}
.pb-25{padding-bottom: 25px;}
.pb-30{padding-bottom: 30px;}
.pb-40{padding-bottom: 40px;}
.pb-60{padding-bottom: 60px;}

.m_tc{margin:0 auto;}
/*链接和常用文字颜色*/
.cl_white{color: #fff;}
.cl_black{color: #000;}
.cl_gray{color: gray;}
.cl_red{color: red;}
.cl_green{color: green;}
.co-zx{color: #428bca;}
.co1{color: #919191;}
.co2{color: #545454;}
.co3{color: #fff;}
.co4{color: #699000;}
.co5{color: #000000;}
.co6{color: #666666;}
.co7{color: #59bedc;}
.co8{color: #999999;}
.co9{color: #f79700;}
.co10{color: #b3d193;}
.co11{color: #ffa200;}
.co12{color: #92b452;}
.co13{color: #e0b02e;}
.co14{color: #333333;}
.co15{color: #ff6600;}
.co16{color: #fc8936;}
.co17{color: #d1d1d1;}
.co18{color: #222;}
.co19{color: #FFA603;}
.co20{color: #eee;}
.co21{color: #555;}
.co22{color: #bbb;}
.co23{color: #C20A0A;}
.co24{color: #8ED0F3;}
.co25{color: #db4c3b;}

.textindent2{text-indent:32px;}
.textindent0{text-indent: 0;}

/*鼠标悬停形状*/
.curMove{cursor:move}
.pointer{cursor:pointer}
.fixline{border-bottom:1px solid #EEEEEE; width: 100%;height:1px;}

.line-height-20{line-height: 20px;}
.line-height-22{line-height: 22px;}
.line-height-25{line-height: 25px;}
.line-height-30{line-height: 30px;}
.line-height-45{line-height: 45px;}
.line-height-70{line-height: 70px;}

a{color: #259;transition: color 0.3s;}
a:focus {outline: none;-moz-outline: none;}
a:hover{color: #259;}

.animation-paused{
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -ms-animation-play-state: paused;
    animation-play-state: paused;
}

.animation-running{
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -ms-animation-play-state: running;
    animation-play-state: running;
}

.bgc-0{background-color: transparent;}
.bgc-000{background-color: #000;}
.bgc-333{background-color: #333;}
.bgc-zx{background-color: #428bca;}
.bgc-e9e9e9{background-color: #e9e9e9;}
.bgc-f1f1f1{background-color: #f1f1f1;}
.bgc-fff{background-color: #ffffff;}
.bgc-86C1D6{background-color: #86C1D6;}
.bgc-CA7842{background-color: #CA7842}

.box-shadow-224{box-shadow: 2px 2px 4px #666;}
.box-shadow-024{box-shadow: 0px 2px 4px #666;}
.box-shadow-559{box-shadow: 5px 5px 9px #bbb, -2px 2px 10px #eee}
.box-shadow-041{box-shadow: 0px 4px 1px rgba(0, 0, 0, 0.3)}
.box-shadow-016{box-shadow: 0px 1px 6px #b2b2b2;}

.border-radius-0{border-radius: 0px;}
.border-radius-2{border-radius: 2px;}
.border-radius-4{border-radius: 4px;}
.border-radius-50{border-radius: 50px;}
.bl-radius-4{border-bottom-left-radius: 4px;}
.br-radius-4{border-bottom-right-radius: 4px;}
.tl-radius-4{border-top-left-radius: 4px;}
.tr-radius-4{border-top-right-radius: 4px;}


.no-l-r-bd{border-left: 0px;border-right: 0px;}
.no-top-bd{border-top: 0px;}

.border-1{border: solid 1px;}

.top-border{border-top: solid 1px;}
.bottom-border{border-bottom: solid 1px;}
.bottom-border-3{border-bottom: solid 3px;}
.left-border{border-left: solid 1px;}
.left-border-4{border-left: solid 4px;}
.right-border{border-right: solid 1px;}
.no-border{border: 0px;}


.bdc-zx{border-color: #428bca;}
.bdc-light-zx{border-color: #39B2E2;}
.bdc-transparent{border-color: transparent;}
.bdc-444{border-color: #444;}
.bdc-eee{border-color: #eee;}
.bdc-ddd{border-color: #ddd;}
.bdc-ccc{border-color: #ccc;}
.bdc-bbb{border-color: #bbb;}
.bdc-fff{border-color: #fff;}

.z99{z-index: 99}
.z100{z-index: 100}
.z999{z-index: 999}

/**********************************************服务协议*******************************************************/
body{
    background-color: #f1f1f1;
}

.list-group-item{
    border-top: solid 1px #f1f1f1;
}

.split-border{
    padding-top: 10px;
}

.sub-title{
    padding-bottom: 20px;
    padding-top: 10px;
    font-size: 22px;
}

.text{
    color: #888888;
    text-indent: 28px;
    padding-bottom: 15px;
}

.text ul{
    list-style: disc outside none;
    padding-left: 57px;
}

.text ul>li{
    margin: 0px;
    padding: 0px;
    text-indent: 0px;
}

/**logs.css**/
.arrow{
    width: 0px;
    height: 0px;
    border: 10px solid transparent;
    border-left: 0px;
    position: absolute;
    top: 10px;
    left: -10px;
    z-index: 101;
    border-right-color: #428bca;
}

.wave{
    width: 40px;
    height: 40px;
    box-shadow: 0 0 5px #428bca;
    border: 1px solid #428bca;
    border-radius: 50%;
    left: 0;
    top: 0;
    position: absolute;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-animation: wave 3s ease-out infinite;
    -moz-animation: wave 3s ease-out infinite;
    -ms-animation: wave 3s ease-out infinite;
    animation: wave 3s ease-out infinite;
}

@-webkit-keyframes wave{
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
    10% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
        opacity: 0.6;
    }
    80% {
        -webkit-transform: scale(1.35);
        transform: scale(1.35);
        opacity: 0.0;
    }
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
}

@-moz-keyframes wave{
    0% {
        -moz-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
    10% {
        -moz-transform: scale(1.0);
        transform: scale(1.0);
        opacity: 0.6;
    }
    80% {
        -moz-transform: scale(1.35);
        transform: scale(1.35);
        opacity: 0.0;
    }
    100% {
        -moz-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
}

@-ms-keyframes wave{
    0% {
        -ms-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
    10% {
        -ms-transform: scale(1.0);
        transform: scale(1.0);
        opacity: 0.6;
    }
    80% {
        -ms-transform: scale(1.35);
        transform: scale(1.35);
        opacity: 0.0;
    }
    100% {
        -ms-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
}

@keyframes wave{
    0% {
        transform: scale(0);
        opacity: 0;
    }
    10% {
        transform: scale(1.0);
        opacity: 0.6;
    }
    80% {
        transform: scale(1.35);
        opacity: 0.0;
    }
    100% {
        transform: scale(0);
        opacity: 0;
    }
}

/**_split.css**/
.container_content{
    background-color: transparent;
    border-radius: 5px;
    border: solid 0px lightgray;
}

.zx-split-main{
    min-height: 450px;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-left: 5px;
    /*padding-top: 10px;*/
}

.zx-split-main .form-group{
    padding-top: 20px;
    margin-right: 10px;
    border-top: solid 1px #f1f1f1;
    margin-left: 10px;
}

.zx-split-main .form-group:first-child{
    border-top: 0px;
}

.zx-split-left .list-group-item{
    border-left: 0px;
    border-radius: 0px;
    border-right: 0px;
    transition: background-color 0.5s, color 0.5s, padding-left 0.5s;
    background-color: #e9e9e9;
    border: 1px solid #F7F7F7;
    box-shadow: 2px 2px 4px #666666;
}

.zx-split-left .list-group-item:hover{
    background-color: #86C1D6;
    box-shadow: 2px 2px 4px #666666;
    color: white;
    padding-left: 20px;
}

.zx-split-left a.list-group-item.active{
    box-shadow: 2px 2px 1px #428bca;
    background-color:#428bca;
}

.zx-split-left{
    padding-top: 10px;
}

.zx-split-left .list-group-item:first-child{
    border-top: 0px;
}

.split-border{
    background-color: white;
    border: solid 1px #f1f1f1;
    min-height: 500px;
    padding-top: 30px;
    padding-right: 20px;
    box-shadow: 2px 2px 4px #888;
    padding-left: 20px;
}